*{
	margin: 0;
	padding: 0;
}

.box{
	width: 580px;
	height: 435px;
	overflow: hidden;
	margin: auto;
}

.box img{
	width: 580px;
	height: 435px;
	display: block;
}

.box ul{
	width: calc(580px * 5);
	height: 435px;
	animation: lunbo 10s infinite;
}

.box ul li{
	float: left;
	
}

@keyframes lunbo{
 0%{margin-left: 0px;}
 10%{margin-left: 0px;}
 20%{margin-left: -580px;}
 30%{margin-left: -580px;}
 40%{margin-left: calc(-580px*2);}
 50%{margin-left: calc(-580px*2);}
 60%{margin-left: calc(-580px*3);}
 70%{margin-left: calc(-580px*3);}
 80%{margin-left: calc(-580px*4);}
}
.box li{
 float: left;
 list-style: none;
 position: relative;
}
.box li span{
 display: block;
 width: 580px;
 height: 50px;
 color: white;
 background-color: rgba(225,225,225,0);
 text-align: center;
 line-height: 50px;
 position: absolute;
 top:348px;
 overflow: hidden;
}